<template>
  <div class="demo-page">
    <div>
      <p v-for="item in 100" :key="item">{{ item === 20 ? '我是全屏滚动沉浸式页面' : item }}</p>
    </div>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue'
  export default defineComponent({
    name: 'Setting'
  })
</script>
<script lang="ts" setup></script>
<style lang="less" scoped>
  .demo-page {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
    background-color: var(--qmp-danger-color);
  }
</style>
